@import '~styles/config.scss';
$leftWidth: 160px;

.AudioListCheckFilterBox {
    height: 100%;
    overflow: hidden;
    .head {
        // background: $--background-color-base;
        display: flex;

        height: 60px;

        .ll {
            flex      : none;
            padding   : 14px;
            width     : $leftWidth;
            height    : 70px;
            box-sizing: border-box;
        }

        .rr {
            border-left: 1px solid $--border-color-lighter;
            padding    : 14px;
            flex       : auto;
            height     : 70px;
            box-sizing : border-box;
        }
    }

    .main {
        border-top: 1px solid $--border-color-lighter;
        display   : flex;

        height: calc(100% - 60px);

        .ll {
            height    : 100%;
            flex      : none;
            box-sizing: border-box;
            width     : $leftWidth;
            overflow  : hidden;
            overflow-y: auto;

        }

        .rr {
            background: #fff;
            height     : 100%;
            box-sizing : border-box;
            border-left: 1px solid $--border-color-lighter;
            
            flex       : auto;
            overflow   : hidden;
            overflow-y : auto;

            .tt {
                box-sizing : border-box;
                padding    : 14px;
                height: 50px;
                // overflow: hidden;
                // overflow-y: auto;
                display: flex;
                align-items: center;
                border-bottom: 1px solid $--border-color-lighter;
                display: flex;
                align-items: center;
                box-sizing: border-box;
                .l{
                    flex:auto;
                }
                .r{
                    flex:none;
                    display: flex;
                    align-items: center;
                    .s1{
                        font-size: 12px;
                    }
                    .s2{
                        margin-left:5px;
                        font-size: 16px;
                        font-weight: bold;
                    }
                }
            }
            .cc {
                box-sizing : border-box;
                padding    : 14px;
                height: calc(100% - 100px);
                overflow: hidden;
                overflow-y: auto;
            }

            .bb {
                position: relative;
                z-index: 1;
                background: #fff;
                border-top: 1px solid $--border-color-lighter;
                height: 50px;
                display: flex;
                align-items: center;
                box-sizing: border-box;
                padding:0px 14px;
                .l{
                    flex:auto;
                }
                .r{
                    flex:none;
                }
            }

        }
    }


}